{extend name="base" /}

{block name="css"}
<link rel="stylesheet" href="__CSS__/style-play.css">
{/block}
{block name="js"}

<script src="__JS__/jquery.min1.10.2.js"></script>
<script src="__JS__/YuxiSlider.jQuery.min.js"></script>
{/block}
{block name="script"}
<script>
    $(".slider").YuxiSlider({
        width:1000, //容器宽度
        height:600, //容器高度
        control:$('.control'), //绑定控制按钮
        during:4000, //间隔4秒自动滑动
        speed:800, //移动速度0.8秒
        mousewheel:true, //是否开启鼠标滚轮控制
        direkey:true //是否开启左右箭头方向控制
    });
</script>
{/block}

{block name="body"}
<!--轮播图-->

<center>
    <div class="demo">
        <a class="control prev"></a><a class="control next abs"></a><!--自定义按钮，移动端可不写-->
        <div class="slider"><!--主体结构，请用此类名调用插件，此类名可自定义-->
            <ul>
                {foreach name="play_datas" item="play_data"}
                <li>
                    <a href="{:url('index/index/detail',['id'=>$play_data['link']])}">
                        <img src="{$play_data.image}" alt="{$play_data.description}" />
                    </a>
                </li>

                {/foreach}
            </ul>
        </div>
    </div>

</center>


<!--content-->
<div class="main">
    <div class="mainbox">

        <div class="title">
            <h1>美女图片推荐</h1>
        </div>

        <div class="tlos-01">
            {foreach name="results" item="result"}
            <div class="clos-01">
                <div class="clos-02">
                    <a href="{:url('index/index/detail',['id'=>$result['id']])}" target="_blank">
                        <img src="{$result.thumb}" alt="">
                        <h2>{$result.title}</h2>
                        <h3>{$result.author}</h3>
                    </a>
                </div>
            </div>
            {/foreach}
            <!--分页-->

            <div class="clearfix"></div>

        </div>

        <div style="text-align: center;padding-top: 50px;">{$results->render()}</div>



    </div>
</div>



{/block}
